<template>
    <div class="remaining">
        <ul>
            <li>
                <span class="number">0.00</span>元
                <div class="me">我的余额</div>
            </li>
            <li>
                <span class="number">0</span>个
                <div class="me">我的优惠</div>
            </li>
            <li>
                <span class="number">0</span>分
                <div class="me">我的积分</div>
            </li>
            
        </ul>
    </div>
</template>


<style scoped>
    .remaining{
        border-bottom: 8px solid #eee;
    }

    .remaining ul{
        display: flex;
        /* justify-content: space-around;
        text-align: center; */
    }

    .remaining ul li{
        flex: 1;
        text-align: center;
        padding: 18px;
        border-right: 1px solid #eee;
    }

    .remaining ul li .number{
        font-size: 24px;
        font-weight: bold;
        color: #ff5f3e;
    }

    .remaining ul li .me{
        font-size: 13px;
        margin-top: 6px;
    }
</style>